<!DOCTYPE HTML>
<html>

<head>
    <title>{{ $title }}</title>
    <meta name="keywords" content="{{ $keywords }}">
    <meta name="description" content="{{ $description }}">
    <meta name="renderer" content="webkit">
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <link rel='stylesheet' href='/public/wap-theme/m1/css/metinfo.css'>
</head>

<body>
<!--[if lte IE 8]>
<div class="text-center padding-top-50 padding-bottom-50 bg-blue-grey-100">
    <p class="browserupgrade font-size-18">
        你正在使用一个<strong>过时</strong>的浏览器。请
        <a href="http://browsehappy.com/" target="_blank">升级您的浏览器</a>，以提高您的体验
    </p>
</div>
<![endif]-->
<nav class="navbar navbar-default met-nav " role="navigation">
    <div class="container">
        <div class="row">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle hamburger hamburger-close collapsed"
                        data-target="#navbar-default-collapse" data-toggle="collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="hamburger-bar"></span>
                </button>
                <a href="/" class="navbar-brand navbar-logo vertical-align" title="{:C('config')['web_name']}">
                    <h1 class='hide'>{{ config('set.web_name') }}</h1>
                    <div class="vertical-align-middle">
                        <img src="{{ config('web_logo') }}"
                             alt="{{ config('set.web_name') }}"
                             title="{{ config('set.web_name') }}"/>
                    </div>
                </a>
                <h2 class='hide'></h2>
            </div>
            <div class="collapse navbar-collapse navbar-collapse-toolbar nav-shop" id="navbar-default-collapse">
                <ul class="nav navbar-nav navbar-right navlist">
                    <li><a href="/" title="首页" class="link active">首页</a></li>
                    <li class="dropdown margin-left-40">
                        <a class="dropdown-toggle link " data-toggle="dropdown" data-hover="dropdown"
                           href="{{ route('sort_all','product') }}" aria-expanded="false" title="产品中心">
                            产品中心
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-right animate">
                            <li class='nav-parent visible-xs'>
                                <a href="{{ route('sort_all','product') }}" title="全部">全部</a>
                            </li>
                            @foreach( $sorts['product'] as $value)
                                <li>
                                    <a href="{{ route('sort',['product',$value['id']]) }}" class=""
                                       title="{{ $value['name'] }}">{{ $value['name'] }}</a>
                                </li>
                            @endforeach
                        </ul>
                    </li>
                    <li class="dropdown margin-left-40">
                        <a class="dropdown-toggle link " data-toggle="dropdown" data-hover="dropdown"
                           href="{{ route('sort_all','product') }}"
                           aria-expanded="false" title="新闻中心">新闻中心 <span class="caret"></span></a>
                        <ul class="dropdown-menu dropdown-menu-right animate">
                            <li class='nav-parent visible-xs'>
                                <a href="{{ route('sort_all','product') }}" title="全部">全部</a>
                            </li>
                            @foreach( $sorts['new'] as $value)
                                <li>
                                    <a href="{{ route('sort',['new',$value['id']]) }}" class=""
                                       title="{{ $value['name'] }}">{{ $value['name'] }}</a>
                                </li>
                            @endforeach
                        </ul>
                    </li>
                    @foreach( $pages['about'] as $value)
                        <li class="margin-left-40">
                            <a href="{{ route('page',['about',$value['id']]) }}" title="{{ $value['name'] }}"
                               class="link ">{{ $value['name'] }}</a>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
    </div>
</nav>
<div class="met-banner" data-height='' style=''>
    @foreach( $banners['banner'] as $value)
        <div class="slick-slide">
            <img class="cover-image" src="{{ $value['image'] }}">
        </div>
    @endforeach
</div>

@yield('content')

<div class="met-footnav text-center">
    <div class="container">
        <div class="row mob-masonry">
            <div class="col-md-2 col-sm-3 col-xs-6 list masonry-item">
                <h4><a href="{{ route('sort_all','product') }}" title="产品">产品</a></h4>
                <ul>
                    @foreach( $sorts['product']  as $value)
                        <li><a href="{{ route('sort',['product',$value['id']]) }}"
                               title="{{ $value['name'] }}">{{ $value['name'] }}</a>
                        </li>
                    @endforeach
                </ul>
            </div>
            <div class="col-md-2 col-sm-3 col-xs-6 list masonry-item">
                <h4><a href="{{ route('page',['about',8]) }}" title="关于我们">关于我们</a></h4>
                <ul>
                    @foreach($pages['about'] as $value)
                        <li><a href="{{ route('page',['about',$value['id']]) }}"
                               title="{{ $value['name'] }}">{{ $value['name'] }}</a></li>
                    @endforeach
                </ul>
            </div>
            <div class="col-md-3 col-ms-12 col-xs-12 info masonry-item">
                <em><a href="tel:{{ config('set.web_phone') }}"
                       title="{{ config('set.web_phone') }}">{{ config('set.web_phone') }}</a></em>
                <p>周一至周五 08:30~17:30</p>
                <a id="met-weixin">
                    <i class="fa fa-weixin light-green-700" data-plugin="webuiPopover"
                       data-trigger="hover" data-animation="pop" data-placement='top' data-width='160'
                       data-padding='0'
                       data-content="<img src='{{ config('web_qrcode') }}' style='width: 150px;display:block;margin:auto;'>"></i>
                </a>
                <a href="http://wpa.qq.com/msgrd?v=3&uin={{ explode(',',config('set.web_kf'))[0] }}&site=qq&menu=yes"
                   rel="nofollow" target="_blank">
                    <i class="fa fa-qq"></i>
                </a>
            </div>
        </div>
    </div>
</div>
<footer>
    <div class="container text-center">
        <p>{{ config('set.web_name') }} 版权所有</p>
    </div>
</footer>
<button type="button" class="btn btn-icon btn-primary btn-squared met-scroll-top hide"><i class="icon wb-chevron-up"
                                                                                          aria-hidden="true"></i>
</button>
<script src="/public/wap-theme/m1/js/metinfo.js"></script>
</body>

</html>
